﻿<!DOCTYPE html>
<html lang="zh-CN">
<head>
#parse("common/head.html")
<link href="$!{form.domain}/img/icon.ico" type="image/x-icon" rel="icon"  />
<link href="$!{form.domain}/img/icon.ico" type="image/x-icon" rel="shortcut icon"  />
<link href="$!{form.domain}/css/index.css" type="text/css" rel="stylesheet" />
<link href="$!{form.domain}/css/style.css" type="text/css" rel="stylesheet" />
<script src="$!{form.domain}/js/jquery.js" type="text/javascript" ></script>
<script src="$!{form.domain}/js/function.js" type="text/javascript" ></script>
</head>
<body>
#parse("common/index-header.html")
<div class="c-container page-content">
  <div class="clearfix"> 
    <!-- 目录start --> 
    <!--课程分类目录-->
    <div class="course-list">
      <div class="header"> <span class="icon-list">&nbsp;</span> 全部课程 </div>
      <ul class="item-list in2">
      #foreach($data in $!form.courseTypeList)
        <li>
          <div class="list-left">
            <div class="row-header clearfix"> <span class="colorf fontsize16"> <a href="$!{form.domain}/course/list?type=${data.id}" target="_blank">$!{data.courseTp}</a> </span> </div>
          </div>
        </li>
       #end 
        <li> 
          <!-- 广告图片资讯start -->
          <div class="download-area"> <a href="#" title="#" target="_blank" > <img src="../img/M.jpg">
            <p>扫一扫<br/>
                         时刻关注
            <p> 
            </a> 
          </div>
          <!-- 广告图片资讯end --> 
        </li>
      </ul>
    </div>
    <!-- 目录end -->
    <div class="nav-right">
      <div class="banner-area learfix">
        <div class="banner"> 
          <!-- 轮播start --> 
          <!--轮播资讯 -->
          <div class="slide-container">
            <div class="imagebox" id="Box">
            #foreach($data in $!form.sArticlesList)
              <a href="$!{form.domain}/articles/detail/${data.articleTp}/$!{data.id}" target="_blank" title="$!{data.articleTitle}"> <img src="$!{form.getImageUrl($!{data.articleImage})}"/> </a> 
            #end
            </div>
            <div class="dot-container">
              <ul class="dotlist">
                <li class="active"></li>
                <li></li>
                <li></li>
                <li></li>
              </ul>
            </div>
          </div>
          <!--  轮播end --> 
          <!--  轮播下方start --> 
          <!--轮播下方资讯 -->
          <div class="banner-bottom"> <a class="floatleft" href="$!{form.domain}/intro/faceCourse" title="精品面授"  target="_blank"> <img src="../img/course/banner_son01.jpg"/> </a> <a class="floatleft" href="$!{form.domain}/intro/lecturerRecruitment.html" title="师资招募"  target="_blank"> <img src="../img/course/banner_son02.jpg"/> </a> <a class="floatleft" href="$!{form.domain}/intro/one-course" title="1元学课程"  target="_blank"> <img src="../img/course/banner_son03.jpg"/> </a> </div>
          <!--  轮播下方end --> 
        </div>
        <div class="topright">
          <div class="join">
            <p class="mt15">加入中政建研</p>
            <p><span class="coloro">500</span>学习币等您拿</p>
            <a style="text-decoration:none" href="$!{form.domain}/member/register"><div class="joinNow">现在加入</div></a>
          </div>
          #parse("common/notice.html")
        </div>
      </div>
    </div>
  </div>
  <div class="course-catalog">
    <div class="clearfix">
      <div class="containerLeft">
        <div class="item">
          <div class="head clearfix">
            <div class="item-name item-namet"> 公开课</div>
          </div>
          <div class="body clearfix"> 
            <!-- 点播课start --> 
            <!--公开课 -->
            #foreach($data in $!form.courseList)
            <div class="course-item #if($velocityCount==1) first #end"> <a href="$!{form.domain}/course/detail/$!{data.courseId}" title=""  target="_blank"  class="course-img"> <img src="$!{form.getImageUrl($!{data.coursePic})}"/> </a>
              <div class="course-msg">
                <p class="nowrap ellipsis"> <a href="$!{form.domain}/course/detail/$!{data.courseId}" title="" target="_blank" class="fontsize14 link03"> $!{form.subContent($!{data.courseName},13)}</a> </p>
                <p class="fontsize14"> <span class="price free"> ¥$!{form.getPrice($!{data.curPrice})} </span> / <span  style="text-decoration: line-through">¥$!{form.getPrice($!{data.orgPrice})}</span>  <span class="colord seperator">|</span> <span class="color9">$!{data.courseStudyNum}人学习</span> </p>
              </div>
            </div>
            #end
            <!--公开课 end --> 
          </div>
        </div>
        <div class="item">
          <div class="head clearfix">
            <div class="item-name item-namet">精品课程</div>
          </div>
          <div class="body clearfix"> 
            <!-- 点播课start --> 
            <!--精品课程 -->
            #foreach($data in $!form.jpCourseList)
            <div class="course-item #if($velocityCount==1) first #end"> <a href="$!{form.domain}/course/detail/$!{data.courseId}" title=""  target="_blank"  class="course-img"> <img src="$!{form.getImageUrl($!{data.coursePic})}"/> </a>
              <div class="course-msg">
                <p class="nowrap ellipsis"> <a href="$!{form.domain}/course/detail/$!{data.courseId}" title="" target="_blank" class="fontsize14 link03">$!{form.subContent($!{data.courseName},12)}</a> </p>
                <p class="fontsize14"> <span class="price free"> ¥$!{form.getPrice($!{data.curPrice})} </span> / <span  style="text-decoration: line-through">¥$!{form.getPrice($!{data.orgPrice})}</span> <span class="colord seperator">|</span> <span class="color9">$!{data.courseStudyNum}人学习</span> </p>
              </div>
            </div>
            #end
            <!-- 精品课程 end --> 
          </div>
        </div>
      </div>
      <div class="topright mt30">
        <div class="rightnotice">
          <div class="header clearfix">
            <div class="headeritem active">学院动态 </div>
            <div class="headeritem">行业动态 </div>
          </div>
          <div class="body hydtheight"> 
            <!-- 行业动态start -->
            <div class="newcourses">
            #foreach($data in $!form.sArticlesList)
              #if($velocityCount==1)
              <div class="coursetop clearfix">
                <div class="coursetop clearfix">
                  <div class="imagearea"> <a target="_blank" href="$!{form.domain}/articles/detail/${data.articleTp}/$!{data.id}"> <img src="$!{form.getImageUrl($!{data.articleImage})}" class="courseimage"> </a> </div>
                  <div class="coursecontent">
                    <div class="datarow"> <a target="_blank" href="$!{form.domain}/articles/detail/${data.articleTp}/$!{data.id}">$!{form.subContent($!{data.articleTitle},15)}</a> </div>
                    <div class="datarow"> </div>
                  </div>
                </div>
              </div>
              #else
              <div class="iconrow clearfix"> <a target="_blank" href="$!{form.domain}/articles/detail/${data.articleTp}/$!{data.id}" title="$!{data.articleTitle}">$!{form.subContent($!{data.articleTitle},15)}</a></div>
              #end
            #end
            </div>
            <!-- 最新课程end --> 
            <!-- 公告start -->
            <div class="newcourses" style="display:none;">
             #foreach($!data in $!form.iArticlesList)
              <div class="iconrow clearfix separatesolid">
                <div class="floatleft txtList"> <a href="$!{form.domain}/articles/detail/${data.articleTp}/$!{data.id}" title="$!{data.articleTitle}" target="_blank" class="ulink2">$!{form.subContent($!{data.articleTitle},15)}</a> </div>
              </div>
              #end
            </div>
            <!-- 公告end --> 
          </div>
        </div>
      </div>
    </div>
    <div class="item">
      <div class="head clearfix">
        <div class="item-name item-namet">专家团队</div>
      </div>
      <div class="body clearfix"> 
        <!-- 点播课start --> 
        <!--专家团队 -->
         #foreach($data in $!form.articlesList)
        <div class="course-item"> <a href="$!{form.domain}/articles/detail/${data.articleTp}/$!{data.id}" title=" "  target="_blank"   class="zj-img"> <img  width=140 height=140 src="$!{form.getImageUrl($!{data.articleImage})}" onerror="errorImg(this,'articles')" > </a>
          <div class="course-msg">
            <h3 class="txtcenter fontsize16">$!{data.articleTitle}</h3>
            <p> <a href="$!{form.domain}/articles/detail/${data.articleTp}/$!{data.id}" title="" target="_blank" class="fontsize14 link03"> 
            $!{form.subAndFilerHtml($!{data.articleDesc},43)}
            </a> </p>
          </div>
        </div>
        #end        
        <!-- 点播课end --> 
      </div>
    </div>
    
    <!-- 显示在首页的目录start --> 
    <!--显示目录课程-->
    <div class="item"> 
      <!-- 分类目录头部start -->
      <div class="head clearfix">
        <div class="item-name"><span class="item-title"></span>实务技能</div>
      </div>
      <!-- 分类目录头部end --> 
      <!-- 实务技能 -->
      <div class="body clearfix">
        <div class="adv-area"> <a href="#" class="course-img"> <img src="../img/course/swjn.jpg"/></a> </div>
        #foreach($data in $!form.swjnList)
        <div class="course-item"> <a href="$!{form.domain}/course/detail/$!{data.courseId}" target="_blank" class="course-img" title=" "> <img src="$!{form.getImageUrl($!{data.coursePic})}"/></a>
          <div class="course-msg">
            <p class="nowrap ellipsis"> <a title=" " href="$!{form.domain}/course/detail/$!{data.courseId}" target="_blank" class="fontsize14 link03">$!{form.subContent($!{data.courseName},12)}</a> </p>
            <p class="fontsize14"> <span class="price"> ¥$!{form.getPrice($!{data.curPrice})} </span>  / <span  style="text-decoration: line-through">¥$!{form.getPrice($!{data.orgPrice})}</span> <span class="colord seperator">|</span> <span class="color9">$!{data.courseStudyNum} 人学习</span> </p>
          </div>
        </div>
        #end
      </div>
      <!-- 实务技能 end --> 
    </div>
    <div class="item"> 
      <!-- 分类目录头部start -->
      <div class="head clearfix">
        <div class="item-name"><span class="item-title"></span> 政策法规 </div>
      </div>
      <!-- 分类目录头部end --> 
      <!-- 政策法规 -->
      <div class="body clearfix">
        <div class="adv-area"> <a href="#" class="course-img"> <img src="../img/course/zcfg.jpg"/></a> </div>
        #foreach($data in $!form.zcfgList)
        <div class="course-item"> <a href="$!{form.domain}/course/detail/$!{data.courseId}" target="_blank" class="course-img" title=" "> <img src="$!{form.getImageUrl($!{data.coursePic})}"/></a>
          <div class="course-msg">
            <p class="nowrap ellipsis"> <a title=" " href="$!{form.domain}/course/detail/$!{data.courseId}" target="_blank" class="fontsize14 link03">$!{form.subContent($!{data.courseName},12)}</a> </p>
            <p class="fontsize14"> <span class="price"> ¥$!{form.getPrice($!{data.curPrice})} </span>  / <span  style="text-decoration: line-through">¥$!{form.getPrice($!{data.orgPrice})}</span> <span class="colord seperator">|</span> <span class="color9">$!{data.courseStudyNum} 人学习</span> </p>
          </div>
        </div>
        #end
      </div>
      <!-- 政策法规 end --> 
    </div>
    <div class="item"> 
      <!-- 分类目录头部start -->
      <div class="head clearfix">
        <div class="item-name"><span class="item-title"></span>职业认证</div>
      </div>
      <!-- 分类目录头部end --> 
      <!-- 职业认证 start -->
      <div class="body clearfix">
        <div class="adv-area"> <a href="#" class="course-img"> <img src="../img/course/zyrz.jpg"/></a> </div>
        #foreach($data in $!form.zyrzList)
        <div class="course-item"> <a href="$!{form.domain}/course/detail/$!{data.courseId}" target="_blank" class="course-img" title=" "> <img src="$!{form.getImageUrl($!{data.coursePic})}"/></a>
          <div class="course-msg">
            <p class="nowrap ellipsis"> <a title="" href="$!{form.domain}/course/detail/$!{data.courseId}" target="_blank" class="fontsize14 link03">$!{form.subContent($!{data.courseName},12)}</a> </p>
            <p class="fontsize14"> <span class="price"> ¥$!{form.getPrice($!{data.curPrice})} </span>  / <span  style="text-decoration: line-through">¥$!{form.getPrice($!{data.orgPrice})}</span> <span class="colord seperator">|</span> <span class="color9">$!{data.courseStudyNum} 人学习</span> </p>
          </div>
        </div>
        #end
      </div>
      <!-- 职业认证 end --> 
    </div>
    <div class="item"> 
      <!-- 分类目录头部start -->
      <div class="head clearfix">
        <div class="item-name"><span class="item-title"></span>投资融资</div>
      </div>
      <!-- 分类目录头部end --> 
      <!-- 投资融资 -->
      <div class="body clearfix">
        <div class="adv-area"> <a href="#" class="course-img"> <img src="../img/course/tzrz.jpg"/></a> </div>
        #foreach($data in $!form.tzrzList)
        <div class="course-item"> <a href="$!{form.domain}/course/detail/$!{data.courseId}" target="_blank" class="course-img" title=" "> <img src="$!{form.getImageUrl($!{data.coursePic})}"/></a>
          <div class="course-msg">
            <p class="nowrap ellipsis"> <a title=" " href="$!{form.domain}/course/detail/$!{data.courseId}" target="_blank" class="fontsize14 link03">$!{form.subContent($!{data.courseName},12)}</a> </p>
            <p class="fontsize14"> <span class="price"> ¥$!{form.getPrice($!{data.curPrice})} </span>  / <span  style="text-decoration: line-through">¥$!{form.getPrice($!{data.orgPrice})}</span> <span class="colord seperator">|</span> <span class="color9">$!{data.courseStudyNum} 人学习</span> </p>
          </div>
        </div>
        #end
      </div>
      <!-- 投资融资 end --> 
    </div>
    <div class="item"> 
      <!-- 分类目录头部start -->
      <div class="head clearfix">
        <div class="item-name"> <span class="item-title"></span>企业管理</div>
      </div>
      <!-- 分类目录头部end --> 
      <!-- 企业管理 -->
      <div class="body clearfix">
        <div class="adv-area"> <a href="#" class="course-img"> <img src="../img/course/qygl.jpg"/></a> </div>
        #foreach($data in $!form.qyglList)
        <div class="course-item"> <a href="$!{form.domain}/course/detail/$!{data.courseId}" target="_blank" class="course-img" title=" "> <img src="$!{form.getImageUrl($!{data.coursePic})}"/></a>
          <div class="course-msg">
            <p class="nowrap ellipsis"> <a title=" " href="$!{form.domain}/course/detail/$!{data.courseId}" target="_blank" class="fontsize14 link03">$!{form.subContent($!{data.courseName},12)}</a> </p>
            <p class="fontsize14"> <span class="price"> ¥$!{form.getPrice($!{data.curPrice})} </span>   / <span  style="text-decoration: line-through">¥$!{form.getPrice($!{data.orgPrice})}</span> <span class="colord seperator">|</span> <span class="color9">$!{data.courseStudyNum} 人学习</span> </p>
          </div>
        </div>
        #end
      </div>
      <!-- 企业管理 end --> 
    </div>
    <div class="containerLeft mt30">
      <div class="l_box">
        <div class="tit">
          <h2>校友会</h2>
          <a href="$!{form.domain}/user/list" class="more" target="_blank">更多</a></div>
        <div class="l_con">
          <div class="xyl_con">
            <h3>学员空间</h3>
            <div class="xyl_list">
            ##if($!form.students.size() > 14)
            #foreach($data in $!form.students)
              #if($velocityCount==1 || $velocityCount==6 || $velocityCount==11)
                <div class="p_box"><span class="pic_bg"></span><a href="$!{form.getUserUrl($!{data.userId})}" title="$!{data.userDesc}" target="_blank" ><img alt="$!{data.userDesc}" src="$!{form.getImageUrl($!{data.userHimg})}" onerror="errorImg(this,'user')" width="132" height="126" /></a>
                  <div class="xy_tit"><strong><a href="$!{form.getUserUrl($!{data.userId})}" title="$!{data.userRnm}" target="_blank" >$!{data.userRnm}</a></strong>
                    <p>$!{data.userDesc}</p>
                    <span class="time">$dateTool.format("yyyy-MM-dd HH:mm",$!{data.userCdt})</span></div>
                </div>
              #elseif($velocityCount==2 || $velocityCount==7 || $velocityCount==12)
                <div #if($velocityCount==2)class="mpic"#elseif($velocityCount==7)class="mpic b"#elseif($velocityCount==12)class="mpic r b"#end >
                  <div class="p_box"><span class="pic_bg"></span><a href="$!{form.getUserUrl($!{data.userId})}" title="$!{data.userDesc}" target="_blank" ><img alt="$!{data.userDesc}" src="$!{form.getImageUrl($!{data.userHimg})}" onerror="errorImg(this,'user')" width="66" height="63" /></a>
                    <div class="xy_tit"><strong><a href="$!{form.getUserUrl($!{data.userId})}" title="$!{data.userRnm}" target="_blank" >$!{data.userRnm}</a></strong>
                      <p>$!{data.userDesc}</p>
                      <span class="time">$dateTool.format("yyyy-MM-dd HH:mm",$!{data.userCdt})</span></div>
                  </div>
              #elseif($velocityCount==5 || $velocityCount==10 || $velocityCount==15)
                  <div class="p_box"><span class="pic_bg"></span><a href="$!{form.getUserUrl($!{data.userId})}" title="$!{data.userDesc}" target="_blank" ><img alt="$!{data.userDesc}" src="$!{form.getImageUrl($!{data.userHimg})}" onerror="errorImg(this,'user')" width="66" height="63" /></a>
                    <div class="xy_tit"><strong><a href="$!{form.getUserUrl($!{data.userId})}" title="$!{data.userRnm}" target="_blank" >$!{data.userRnm}</a></strong>
                      <p>$!{data.userDesc}</p>
                      <span class="time">$dateTool.format("yyyy-MM-dd HH:mm",$!{data.userCdt})</span></div>
                  </div>
                </div>
              #else
                <div class="p_box"><span class="pic_bg"></span><a href="$!{form.getUserUrl($!{data.userId})}" title="$!{data.userDesc}" target="_blank" ><img alt="$!{data.userDesc}" src="$!{form.getImageUrl($!{data.userHimg})}" onerror="errorImg(this,'user')" width="66" height="63" /></a>
                  <div class="xy_tit"><strong><a href="$!{form.getUserUrl($!{data.userId})}" title="$!{data.userRnm}" target="_blank" >$!{data.userRnm}</a></strong>
                    <p>$!{data.userDesc}</p>
                    <span class="time">$dateTool.format("yyyy-MM-dd HH:mm",$!{data.userCdt})</span></div>
                </div>
              #end
            #end
            ##end
            </div>
          </div>
          <div class="xyr_con">
            <h3>学习群组</h3>
            <ul class="xyr_list">
            #foreach($data in $!form.groupInfos)
              <li>
                <div class="pt_box"><a href="$!{form.getGroupUrl($!{data.groupId})}" title="$!{data.groupTxt}" target="_blank" ><img alt="$!{data.groupTxt}" src="$!{form.getImageUrl($!{data.groupImg})}" onerror="errorImg(this,'user')" width="72" height="72" /></a>
                  <div class="xy_tit"><strong><a href="$!{form.getGroupUrl($!{data.groupId})}" title="描述" target="_blank" >$!{data.groupNm}</a></strong>
                    <p>创建人：$!{data.userRnm}&nbsp;&nbsp;&nbsp;&nbsp;创建于：$dateTool.format("yyyy-MM-dd",$!{data.createDt})</p>
                    <div class="tip"><span class="auth_ico">成员：<span class="blue">$!{data.merberCnt}</span></span><span class="ht_ico">话题：<a class="blue" href="#">$!{data.topicCnt}</a></span><span class="hd_ico">活动：<a class="blue" href="#">$!{data.activityCnt}</a></span></div>
                  </div>
                </div>
              </li>
              #end
            </ul>
          </div>
        </div>
      </div>
    </div>
    <!--资源库-->
    <div class="topright source mt30">
      <div class="rightnotice">
        <div class="header clearfix">
          <div class="sourceTitle"> <span>资源库</span>
            <div class="headerarrow"></div>
          </div>
        </div>
        <div class="body"> 
          <!-- 最新课程start -->
          <div class="newcourses">
          #foreach($data in $form.zykList)
            <div class="iconrow clearfix"> <a target="_blank" href="$!{form.domain}/resource/detail/$!{data.id}" title="$!{data.topic}">$!{form.subContent($!{data.topic},15)}</a> </div>
          #end
          <a class="block mt10" href="$!{form.domain}/intro/aboutUsPro.html"><img src="../img/qydx.jpg"/></a> </div>
          <!-- 最新课程end --> 
        </div>
      </div>
    </div>
    <!--资源库 end-->
    <div class="clear"></div>
    <!-- 显示在首页的目录end --> 
  </div>
</div>
</div>
</div>
#parse("common/footer.html")
<script src="../js/jquery-1.8.3.min.js"></script> 
<script>
$(function(){
	//学员空间 
	$(".xyl_list .p_box").mouseover(function(){
		$(".xyl_list .pic_bg").show();
		$(this).find(".xy_tit").show();
		$(this).find(".pic_bg").hide();

	}).mouseout(function(){
		$(this).find(".xy_tit").hide();
		$(".xyl_list .pic_bg").hide();
	})
	
	//焦点图
	var focusImgs_Index = -1;
	var timeoutA = null;
	var focImgs=$(".focpic a");
	var focTab= $(".foctab span");
	auto_focus_Img();
			function auto_focus_Img(){
				 focusImgs_Index++;
				if(focusImgs_Index>=focImgs.length){
				          focusImgs_Index =0;
				     }
				 focImgs.hide().eq(focusImgs_Index).fadeIn(); 
				 focTab.removeClass("cur").eq(focusImgs_Index).addClass("cur");
				
			}
			timeoutA = setInterval(auto_focus_Img,5000);	
			 focTab.mouseover(function(){
				 focusImgs_Index=$(this).index()-1;
				 auto_focus_Img();
			})

})
</script>
<script src="$!{form.domain}/js/defaultimage.js" type="text/javascript" ></script>
</body>
</html>
